import Link from 'next/link';
import React from 'react';

const UiSidebar = () => {
    return (
        <div className='border-gray-300 border-r-1 w-[20vw] min-w-[150px] h-full overflow-y-auto hide-scrollbar'>
            <ul className="flex flex-col bg-white rounded-box w-full menu">
                <li className=''><Link href={"/demo/MyUiDesign"}>组件总览</Link></li>
                <Link href={"/demo/MyUiDesign/demo"}>Demo</Link>

                <li>
                    <details open>
                        <summary className=''>通用</summary>

                        <ul >
                            <li><Link href={"/demo/MyUiDesign/button"}>Button 按钮</Link></li>
                            <li><Link href={"/demo/MyUiDesign/floatbutton"}>FloatButton 悬浮按钮</Link></li>
                            <li><a>Icon 图标</a></li>
                            <li><a>Typography 排版</a></li>

                        </ul>
                    </details>
                </li>
                <li>
                    <details open>
                        <summary className=''>布局</summary>

                        <ul >
                            <li><Link href="/demo/MyUiDesign/divider">Divider 分割线</Link></li>
                            <li><a>Layout 总体布局</a></li>
                            <li><Link href="/demo/MyUiDesign/flex">Flex 弹性布局</Link></li>
                            <li><a>Grid 网格布局</a></li>
                            <li><a>Space 间距</a></li>
                            <li><a>Splitter分隔面板</a></li>


                        </ul>
                    </details>
                </li>
                <li>
                    <details open>
                        <summary className=''>导航</summary>

                        <ul >
                            <li><a>Breadcrumb面包屑</a></li>
                            <li><a>Dropdown下拉菜单</a></li>
                            <li><a>Menu导航菜单</a></li>
                            <li><Link href="/demo/MyUiDesign/pagination">Pagination 分页</Link></li>
                            <li><a>Steps 步骤条</a></li>



                        </ul>
                    </details>
                </li>
            </ul>
        </div >
    );
};

export default UiSidebar;
